//SysMsg Page Less
.sysmsg-container {

  .sysmsg-kw-navs{
    .hx-kw-navs-content{
      padding: 16px 6px;
    }
  }
}

.sys-msg-container {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
}

.msg-item-container {
  padding: 12px 10px;
  border-bottom: 1px solid #F1F1F1;
  cursor: pointer;

  display: flex;
  flex-direction: column;
  gap: 8px;

  &:hover {
    background-color: #F1F1F1;
  }

  .msg-item-time {
    font-weight: 400;
    font-size: 14px;
    color: #969696;
  }

  .msg-item-body {
    padding-left: 12px;
    position: relative;

    &:before {
      content: "";
      position: absolute;
      left: 0;
      top: 6px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background-color: #1E60C5;
    }

    .msg-item-title {
      font-weight: 600;
      font-size: 16px;
      color: #45484D;
    }

    .msg-item-content {
      margin-top: 4px;
      font-weight: 400;
      font-size: 14px;
      color: #45484D;
    }
  }

  &.msg-item-read {
    .msg-item-title {
      font-weight: 400;
    }

    .msg-item-body {
      .msg-item-content {
        color: #969696;
      }
    }
  }
}
